<template>
    <div class="container">
        <b-card title="Сведения об экспертизе:">
            <b-card-text>
                <h5>Дата получения материалов: {{ dateOfMaterial }}</h5>
                <h5>Дата начала экспертизы: {{ startDate }}</h5>
                <h5>Дата окончания экспертизы: {{ endDate }}</h5>
                <h5>Дата выдачи заключения: {{ detentionDate }}</h5>
                <h5>Стоимост экспертизы (руб.): {{ costExpertise }}</h5>
                <h5>Вид экспертизы: {{ typeExpertise }}</h5>
                <h5>Колличество исследуемых объектов: {{ objConclusion }}</h5>
                <h5>Виды выводов: {{ typeConclusion }}</h5>
                <h5>Заключение экспетра: {{ textConclusion }}</h5>
                <b-img :click="openImg()" :src="photoTable"></b-img>
            </b-card-text>
        </b-card>
    </div>
</template>
<script>
export default {
    data() {
        return {
            dateOfMaterial: "",
            startDate: "",
            endDate: "",
            detentionDate: "",
            costExpertise: "",
            typeExpertise: "",
            objConclusion: "",
            typeConclusion: "",
            textConclusion: "",
        };
    },
    methods: {
        openImg() {
            console.log(1);
        }
    },
    created() {
        this.$http.get("/expertise/" + this.$route.params.id)
            .then(response => {
                this.dateOfMaterial = response.data.date_of_receipt_of_materials
                this.startDate = response.data.research_start_date
                this.endDate = response.data.research_end_dates
                this.detentionDate = response.data.expert_detention_date
                this.costExpertise = response.data.cost_of_expertise
                this.typeExpertise = response.data.type_expertise
                this.objConclusion = response.data.number_of_objects_research
                this.typeConclusion = response.data.types_of_conclusions
                this.textConclusion = response.data.text_of_conclusion

            })
    }
};
</script>

<style>
</style>
